<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <title>accsessories</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/swiper.css"/>
    <link rel="stylesheet" href="../css/accessories.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/swiper.jquery.min.js"></script>
</head>
<body ng-app="">
<!--公共头部-->
<div ng-include="'../html/header.html'"></div>
<!--内容-->
<div class="bread container-fluid">
    <div class="container clear">
        <div class="fl path">
            <p class="fs-18"><em>You are here:&nbsp;</em><a href="">Home</a>&nbsp;>&nbsp;<span class="bold red">Accessories</span></p>
        </div>
        <div class="fr">
            <div class="btn b-red white fs-14 bold">JUMP TO<img src="../img/vimostsports（About-Us-）_03.jpg" alt=""/></div>
            <ul class="list fs-14 text-capitalize">
                <li>
                    <a href="">about us</a>
                </li>
                <li>
                    <a href="">gallery</a>
                </li>
                <li>
                    <a href="">sublimation</a>
                </li>
                <li>
                    <a href="">how to order</a>
                </li>
                <li>
                    <a href="">order process</a>
                </li>
                <li>
                    <a href="">fabric guide</a>
                </li>
                <li>
                    <a href="">blog</a>
                </li>
                <li>
                    <a href="">FAQS</a>
                </li>
                <li>
                    <a href="">customer reviews</a>
                </li>
                <li>
                    <a href="">contact us</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="content clear container">
    <div class="left-aside fl text-center">
        <b>CATEGORIES</b>
        <ul>
            <li>
                <a href="">ball</a>
            </li>
            <li>
                <a href="">cycle</a>
            </li>
            <li>
                <a href="">fashion wear</a>
            </li>
            <li>
                <a href="">electronic product</a>
            </li>
            <li>
                <a href="">cycle</a>
            </li>
            <li>
                <a href="">cycle</a>
            </li>
        </ul>
    </div>
    <div class="main fr">
        <div class="m-banner">
            <img src="../img/vimostsports（Accessories）_03.jpg" alt=""/>
        </div>
        <div class="carousel">
            <p class="car-title bold fs-16">PRODUCT CATEGORY NAME</p>
            <div class="swiper-box">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-1.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-2.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-3.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-4.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-2.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"><img src="../img/remai-zuo.jpg" alt=""/></div>
                <div class="swiper-button-next"><img src="../img/remai-you.jpg" alt=""/></div>
            </div>
        </div>
        <div class="carousel">
            <p class="car-title bold fs-16">PRODUCT CATEGORY NAME</p>
            <div class="swiper-box">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-1.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-2.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-3.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-4.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-2.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"><img src="../img/remai-zuo.jpg" alt=""/></div>
                <div class="swiper-button-next"><img src="../img/remai-you.jpg" alt=""/></div>
            </div>
        </div>
        <div class="carousel">
            <p class="car-title bold fs-16">PRODUCT CATEGORY NAME</p>
            <div class="swiper-box">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-1.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-2.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-3.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-4.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="box">
                                <img class="img" src="../img/remai-2.jpg" alt=""/>
                                <div class="name">ORN OSPREY DELUXE POLO</div>
                                <div class="price red">From £4.85</div>
                                <p>Avallable in  6 colours</p>
                                <div class="star"><img src="../img/pinglin-wujiaoxing.jpg" alt=""/><img src="../img/pinglin-wujiaoxing.jpg" alt=""/></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev"><img src="../img/remai-zuo.jpg" alt=""/></div>
                <div class="swiper-button-next"><img src="../img/remai-you.jpg" alt=""/></div>
            </div>
        </div>
    </div>
</div>
<!--公共底部-->
<div ng-include="'../html/footer.html'"></div>
</body>
<script>

//    导航激活按钮
    var nav = setTimeout(function(){
        $('.nav li').eq(3).find('.nav-item').addClass('b-red').attr('href','javascript:void(0);');
    },0);

    $(function(){
        $('.swiper-container').each(function(){
            var _this = $(this);
            var prev = $(this).parent().find('.swiper-button-prev');
            var next = $(this).parent().find('.swiper-button-next');
            var mySwiper = new Swiper(_this,{
                slidesPerView : 4,
                spaceBetween : 24,
                // 如果需要前进后退按钮
                nextButton: next,
                prevButton: prev,
                loop: true
            });
        });
    })
</script>
<script src="../js/scroll_top.js"></script>
</html>